.functionality-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;

  &__diagram {
    width: 100%;
    padding-bottom: 110px;
  }

  &__diagram-wrap {
    position: relative;
    overflow: hidden;
    height: 500px;
    transition: all 1s ease;

    &::after {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      box-shadow: inset 0 -70px 50px 0px #02003e;
    }

    & img {
      display: block;
      width: 1000px;
      margin: 0 auto;
    }
  }

  &__diagram-wrap.open {
    &::after {
      box-shadow: none;
    }
  }

  button.button {
    position: absolute;
    bottom: 30px;
  }
}
